// 引入react核心包\
import React from 'react'
// 设计DOM来渲染的一个包
import ReactDom from 'react-dom'

// 表达式
const name = `曾星`
const obj = {
	age: '23'
}
const show = () => {
	return '星星少爷'
}

const hele = <h1>星星少爷爱小美</h1>
const ele = (
	<div>
		<p> 简单变量</p>
		<h1>{name}</h1>
		<p>对象中的属性,但是对象不能用</p>
		<h1>{obj.age}</h1>
		<p>方法调用</p>
		<h1>{show()}</h1>
		<p>JSX也是表达式</p>
		<div>{hele}</div>
	</div>
)
// 渲染谁，渲染到哪里
ReactDom.render(ele, document.querySelector('#root'))
